﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8"/>
    <title>17玩芽-用户中心</title>
    <meta name="Keywords" content="17玩芽-用户中心"/>
    <meta name="Description" content="17玩芽-用户中心"/>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">
    <!-- Mobile Devices Support @begin -->
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes"/> <!-- apple devices fullscreen -->
    <script src="./js/1.3.2/jquery.min.js"></script>
    <script src="./js/jquery.nyroModal-1.5.5.pack.js"></script>
    <link rel="stylesheet" href="./style/nyroModal.css" type="text/css" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- Mobile Devices Support @end -->
    <style>
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        a:active {
            text-decoration: none;
        }

        body {
            text-align: center;
            margin: 0px 0px 0px 0px;
        }

        #center {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            position: relative;
        }
        .deadlinediv {
            margin-top: 10px;
            background-color: #47a2c3;
            border: 2px solid #47a2c3;
            border-radius: 10px;
        }
    </style>
    <script>
        $(function(){
            $.nyroModalSettings({
                minWidth: 200, // Minimum width
                minHeight: 100, // Minimum height
                showBackground: function (elts, settings, callback) {
                    elts.bg.css({
                        opacity:0
                    }).fadeTo(500, 0.6, callback);
                }
            });
            $('#jifentixing').nyroModal({
                endShowContent:function(){
                    $("#jifentixingout").attr("value","");
                }
            });

            $('#hottixing').nyroModal({
                endShowContent:function(){
                    $("#hottixingout").attr("value","");
                }
            });
        });

    </script>
</head>
<center>
    <body ondragstart="return false;width:100%">
    <div id="center">
        <div style="height: 30px"></div>
        <!--top1-->
        <div style="-webkit-transform:translate3d(0,0,0);width:100%;align-content: center">
            <svg id="svgCircleTutorial" height="110" width="110" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <pattern id="raduisImage" patternUnits="userSpaceOnUse" width="100" height="100">
                        <image xlink:href="<?php echo $userInfo['head_img_url']; ?>" x="0" y="0" width="100"
                               height="100"/>
                    </pattern>
                </defs>
                <circle id="myCircle" cx="55" cy="55" r="50" fill="url(#raduisImage)" stroke="#F08995"
                        stroke-width="2"/>
            </svg>
            <br>
			<span style="font-size: larger;font-family:Helvetica"><?php echo $userInfo['nickname']; ?><span>
        </div>

        <div style="-webkit-transform:translate3d(0,0,0);width:80%;">
            <svg width="200" height="53" version="1.1" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <pattern id="rectImage" patternUnits="userSpaceOnUse" width="200" height="53">
                        <image xlink:href="./img/user/jf_bj.png" x="0" y="0" height="53" width="200"/>
                    </pattern>
                </defs>
                <rect id="myRect" cx="0" cy="0" width="200" height="53" fill="url(#rectImage)"/>
                <text x="56" y="28" font-size="15" style="fill:white">总积分 <?php echo $userMaster["point"]; ?></text>
            </svg>
            <div style="border-radius: 5px;border-color: #F08995;background-color: #F08995;text-align: center;color: white;width: 100px;font-size: 15px">
                <a href="#jifentixingout" id="jifentixing" style="color: white">积分规则</a></div>
             <div id="jifentixingout" style="display: none; width:200px; height:100px;text-align:center">
                积分提醒
                <hr>
                <table cellpadding="3" cellspacing="0" style="width: 60%;margin:auto">
                    <tr>
                        <td>
                        注册成功
                        </td>
                        <td style="text-align: right">
                        <span  style="color: #F08995;">100</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        上传作品
                        </td>
                        <td style="text-align: right">
                            <span style="color: #F08995;">5</span>
                        </td>
                    </tr>
                    </table>
            </div>
        </div>

        <div style="-webkit-transform:translate3d(0,0,0);width:100%;">
            <table id="contable" border="0px" border-color="red" cellpadding="10" style="margin-top: 20px">
                <tr>
                    <td width="50%">
                        上传作品
                    </td>
                    <td width="50%">
                        <div style="border-radius: 5px;border-color: #F08995;background-color: #F08995;text-align: center;color: white"><?php echo $productionSum;?>个</div>
                    </td>
                </tr>
                <tr>
                    <td width="50%">
                        作品热度
                    </td>
                    <td width="50%" style="text-align: center">
                        <a href="#hottixingout" id="hottixing">
                            <svg width="32" height="51" version="1.1" xmlns="http://www.w3.org/2000/svg">
                            <defs>
                                <pattern id="rectImageRd" patternUnits="userSpaceOnUse" width="32" height="51">
                                    <image xlink:href="./img/user/rd.png" x="0" y="0" height="51" width="32"/>
                                </pattern>
                            </defs>
                            <rect id="myRectRd" cx="0" cy="0" width="32" height="51" fill="url(#rectImageRd)"/>
                            <text x="<?php echo 14-2*strlen($userMaster['hot']);?>" y="40" font-size="15" width="20" style="fill:white;text-align: center;"><?php echo $userMaster['hot'];?></text>
                        </svg>
                        </a>
                        <div id="hottixingout" style="display: none; width:200px; height:100px;text-align:left;">
                            温馨提示
                            <hr>
                            作品热度根据作品的赞数进行计算。总获赞数较高者，有机会进入作品推荐页面，被所有人看到，获得更多赞，提高热度。
                        </div>
                    </td>
                </tr>
                <tr>
                    <td width="50%">
                        热度排名
                    </td>
                    <td width="50%">
                        <div style="border-radius: 5px;border-color: #F08995;background-color: #F08995;text-align: center;color: white"><?php echo $hotIndex;?></div>

                    </td>
                </tr>
            </table>
            <br><br>
        </div>
    </div>
    </body>
</center>
</html>